@CHARSET "UTF-8";

#content{
	margin: 20px auto 0 auto;
	width: 900px;
	box-shadow: 0 0 6px #666;
	border-radius: 12px;
	background: #FFF;
}
.tabs{
	width: 100%;
	height: 48px;
	background-color: #EEE;
	border-bottom: 1px solid #999;
	border-radius: 12px 12px 0 0;
}
.tabs li{
	float: left;
	width: 299px;	
	height: 100%;
}
.tabs li a{
	display: block;
	width: 100%;
	height: 100%;
	line-height: 48px;
	text-align: center;
	font-size: 14px;
	color: #333;
	text-decoration: none;	
}
.tabs li a:hover{
	color: #000;
}
.tabs li.first{	
	border-radius: 12px 0 0 0;
}
.tabs li.middle{	
	border-left: 1px solid #999;
	border-right: 1px solid #999;
}
.tabs li.last{	
	border-radius: 0 12px 0 0;
	width: 300px;
}
.tabs li.current{
	background-color: #FFF;
	border-bottom: 1px solid #fff;
}
/*** spotlight ***/
#spotlight{
	margin: 10px auto;
	width: 95%;
}
#spotlight a{
	color: #999;
}
#blogs{
	with: 60%;
}
#blogs li{
	position: relative;
	float: left;
	margin: 20px 0 0 20px;
	padding: 10px;
	width: 23%;
	height: 300px;
	border: 1px solid #DDD;
	border-radius: 8px;
	box-shadow: 1px 1px 3px #DDD;
}
#blogs li:hover{
	background-color: #f9ffff;
}
#blogs li img{
	max-width: 100%;
}
#blogs li p{
	line-height: 168%;
}
#blogs li .follow{
	display: none;
	position: absolute;
	padding: 5px;
	color: #FFF;
	background: #000;
	opacity: 0.5;
	border-radius: 4px;
	top: 15px;
	left: 15px;
}
#blogs li .follow:hover{
	opacity: 0.7;
}
#blogs li .title{
	font-weight: bolder;
	color: #000;
}
#tags{
	float: right;
	width: 105px;
	margin-top: 20px;
}
#tags li{
	padding: 5px 0 0 20px;
	width: 132px;
	height: 26px;
}
#tags li a{
	display: block;
	width: 100%;
	height: 100%;
}
#tags li a:hover{
	text-decoration: none;
	color: #000;
}
#tags li.current{
	background: url(../img/global/narrow.png) no-repeat;
}
#tags li.current a{
	color: #FFF;
}
/** Following **/
.follower{
	margin: 10px auto;
	width: 95%;
}
.follower li{
	float: left;
	margin: 10px 10px 0 0;
	width: 45%;
	padding: 10px;
	background-color: #edf1f3;
	border: 1px solid #DDD;
}
.follower li:hover{
	border-color: #b5daf5;
	box-shadow: 0 0 3px #6c9dcf;
}
.follower .imgWrap{
	float: left;
	width: 82px;
	height: 82px;
	padding: 4px;
	border: 1px solid #DDD;
	background: #FFF;
}
.follower p{
	padding-left:100px;
	line-height: 168%;
}
.follower a{
	display: block;
	float: left;
	margin-left: 10px;
	padding-left: 10px;
	font-size: 12px;
	color: #333;
	font-weight: bolder;
	text-decoration: none;
}
.follower a:hover{
	color: #000;
}
.follower .blockBtn{
	color: #999;
}
.follower .blockBtn:hover{
	color: #426b87;
	text-decoration: underline;
}
.follower a.follow{
	display: none;
}
.follower a.follow, .follower a.unfollow{
	text-align: center;
	color: #FFF;
	background-color: #000;
	border-radius: 6px;
	padding: 2px 5px;
	opacity: 0.6;
}
.follower a.follow:hover, .follower a.unfollow:hover{
	color: #ddedf8;
	background-color: #6c9dcf;
	box-shadow: 0 0 3px #ddedf8;
	opacity: 1;
}
.follower a.unfollow:hover{
	color: #FFF;
 	background-color: #a40102;
}
.clear{
	width: 100%;
	height: 10px;
}
